<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport"
    content="width=device-width,user-scalable=no,initial-scale=1.0,  maximum-scale=1.0,minimum-scale=1.0">
  <title>JS Bin</title>
  <link rel="stylesheet" href="./style.css">
</head>

<body>
  <header class="clearfix">
    <div class="logo">
      <img
        src="https://static.xiedaimala.com/xdml/cdn/assets/black-logo-25c84e68b3770b75580e7dbba2b77ce68f7fc1794d35afac32057c2d4ea4c498.png"
        alt="">
    </div>
    <ul class='clearfix'>
      <li>首页</li>
      <li>课程</li>
      <li>优惠</li>
      <li>关于</li>
    </ul>
  </header>
  <section class="clearfix">
    <aside>侧边栏1234566</aside>
    <main>主体内容</main>
    <div class="ad">广告</div>
  </section>

  <div class="imageList ">

    <div class="x clearfix">
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
      <div class="image"></div>
    </div>
  </div>

  <footer class="clearfix">
    <div class="left"></div>
    <div class="right"></div>
  </footer>
</body>

</html>